<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      >

	<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="resources/css/styles.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="resources/js/cufon-yui.js"></script>
		<script type="text/javascript" src="resources/js/arial.js"></script>
		<script type="text/javascript" src="resources/js/cuf_run.js"></script>
	</h:head>
    
    <h:body>


		<div class="main">
		
		<div class="header">
			<ui:insert name="header" >
				<ui:include src="/template/common/commonHeader.xhtml" />
			</ui:insert>
	    </div>
	    
	    <div class="content" id="content">
	       <div class="content_resize"> 
            <div class="mainbar">
             <div class="article">
               <div class="clr"></div>
			      <ui:insert name="content" >
				   <ui:include src="/template/common/commonContent.xhtml" />
			      </ui:insert>
			 </div>
	       </div>
            
     <div class="sidebar">
     
        <div class="gadget">
          <div class="clr"></div>
            <p:panel header="Votre Panier">
            <br/>
            <div align="center">
            <a href="panier.xhtml">
             <img src="resources/images/scart.png"/>
           </a>
             </div>
             <p align="center"> 
             <font color="green">
             <h:outputLabel value="Quantité : #{magasinBean.nbitem} jeu(x)"/>
             </font>
             <font color="blue">
             <h:outputLabel value="Total : #{magasinBean.montantTotal} euros"/>
             </font>
             </p>
            </p:panel>
        </div>
        
        <div class="gadget">
          <div class="clr"></div>
      <p:panel header="Connexion Client"> 
          <h:form> 
          <p:growl id="grwl" sticky="true" showDetail="true"/>
            <table>  
            	<tbody>
            		<tr>
						<td>
							<div align="right">
            					<h:outputText value="Email:*" />  
            				</div>
						</td>
						<td>
							 <p:inputText value="#{loginMB.username}" required="true"/>
						</td>
					</tr>
					<tr>
						<td>
							<div align="right">
								<h:outputText value="Mot de Passe:*" /> 
							</div>
						</td>
						<td>
							<p:password value="#{loginMB.password}" required="true" feedback="false"/>
						</td>
					</tr>
            	</tbody>        
            </table>
            <div align="right">
            	<h:commandButton value="Login" action="#{loginMB.login}" update="grwl"/>
            </div>
          </h:form> 
       <br/>
       <div align="center">
       <h:form>
        <p:commandLink actionListener="#">  
        <h:outputText value="Mot de Passe oublié ?" />  
       	</p:commandLink>
       </h:form>
       </div>
       <br/>
       <div align="center">
       <h:form>
       	<h:commandLink value="Nouvel Utilisateur"  action="FormInscription.xhtml" />
       </h:form> 
       </div>
      </p:panel>     
        </div>
       

       
      </div>
      <div class="clr"></div>
    </div>
  </div>
	    
	    <div class="footer">
			<ui:insert name="footer" >
				<ui:include src="/template/common/commonFooter.xhtml" />
			</ui:insert>
	    </div>

  
    </div>
    </h:body>

</html>